import { SideNavTabs } from 'components/SideNavbar'

import Linear from './01_linear/index'
import Re_linear from './02_re_linear/index'
import Radial from './03_radial/index'
import Overlap from './04_overlap_radial/index'

const __tabs = [{
  icon: 'target',
  component: Linear
}, {
  icon: 'monitor',
  component: Re_linear
}, {
  icon: 'calendar',
  component: Radial
}, {
  icon: 'news',
  component: Overlap,
}, 
// {
//   icon: 'search',
//   component: Filter
// }
]

export default function Index() {
  return (
    <SideNavTabs tabs={__tabs} />
  )
}